<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/css.css"/>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<div class="nav-outer">
<div class="nav-header">

    <div class="header-logo"><span>配送至:</span></div>
    <div class="header-city">
        <!--<span class="mapicon"></span>-->
        <span class="mapicon">北京</span>
        <div class="all-city">
            <ul class="fl">
                <li><a href=""class="active">北京</a></li>
                <li><a href="">山西</a></li>
                <li><a href="">内蒙古</a></li>
                <li><a href="">福建</a></li>
                <li><a href="">江西</a></li>
                <li><a href="">西藏</a></li>
                <li><a href="">新疆</a></li>
            </ul>
            <ul class="fl">
                <li><a href="">北京</a></li>
                <li><a href="">山西</a></li>
                <li><a href="">内蒙古</a></li>
                <li><a href="">福建</a></li>
                <li><a href="">江西</a></li>
                <li><a href="">西藏</a></li>
                <li><a href="">新疆</a></li>
            </ul>
            <ul class="fl">
                <li><a href="">北京</a></li>
                <li><a href="">山西</a></li>
                <li><a href="">内蒙古</a></li>
                <li><a href="">福建</a></li>
                <li><a href="">江西</a></li>
                <li><a href="">西藏</a></li>
                <li><a href="">新疆</a></li>
            </ul>
            <ul class="fl">
                <li><a href="">北京</a></li>
                <li><a href="">山西</a></li>
                <li><a href="">内蒙古</a></li>
                <li><a href="">福建</a></li>
                <li><a href="">江西</a></li>
                <li><a href="">西藏</a></li>
                <li><a href="">新疆</a></li>
            </ul>
            <ul class="fl">
                <li><a href="">北京</a></li>
                <li><a href="">山西</a></li>
                <li><a href="">内蒙古</a></li>
                <li><a href="">福建</a></li>
                <li><a href="">江西</a></li>
                <li><a href="">西藏</a></li>
                <li><a href="">新疆</a></li>
            </ul>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="nav-dh fr">
        <ul>
            <li>
                <a href="">你好，请登录</a>
            </li>
            <li><a href="">免费注册</a></li>
            <li>|</li>
            <li><a href="">我的订单</a></li>
            <li>|</li>
            <li class="cord2">
                <div class="no-bot">
                    <a href="">我的京东</a>
                    <span class="jd-toggle"></span>
                </div>
                <!--二级菜单-->
                <div class="cord2-list">
                    <div class=allc1>
                        <ul class="fl c1">
                            <li>待处理订单</li>
                            <li>返修退换货</li>
                            <li>降价商品</li>
                        </ul>
                        <ul class="fl c1">
                            <li>消息</li>
                            <li>我的问答</li>
                            <li>我的关注</li>
                        </ul>
                        <div class="clearfix"></div>
                        <div class="c1-under"></div>
                        <ul class="c1 fl">
                            <li>我的京豆</li>
                            <li>我的白条</li>
                        </ul>
                        <ul class="c1 fl">
                            <li>我的优惠券</li>
                            <li>我的理财</li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>|</li>
            <li><a href="">京东会员</a></li>
            <li>|</li>
            <li><a href="">企业采购</a></li>
            <li>|</li>
            <li class="cord2 cord3">
                <div class="no-bot">
                    <a href="">客户服务</a>
                    <span class="jd-toggle"></span>
                </div>
                <div class="cord2-list">
                    <div class=allc1>
                        <h4>客户</h4><span style="position: absolute;right: 0px;top: 0px;border: none;display: inline-block;width: 115px"></span>
                        <ul class="fl c2">
                            <li>帮助中心</li>
                            <li>售后服务</li>
                            <li>在线客服</li>
                            <li>意见建议</li>
                        </ul>
                        <ul class="fl c2">
                            <li>电话客服</li>
                            <li>客服邮箱</li>
                            <li>金融咨询</li>
                        </ul>
                        <div class="clearfix"></div>
                        <div class="c1-under"></div>
                        <h4>商户</h4>
                        <ul class="fl c2">
                            <li>京东商学院</li>
                        </ul>
                        <ul class="fl c2">
                            <li class="active-red">商家入驻</li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>|</li>
            <li class="cord2 cord4">
                <div class="no-bot">
                    <a href="">网站导航</a>
                    <span class="jd-toggle"></span>
                </div>
                <div class="cordbig">
                    <div class="ul-all">
                        <h4 class="item-h4">特色主题</h4>
                        <ul class="fl">
                            <li>品牌头条</li>
                            <li>京东试用</li>
                            <li>京东会员</li>
                            <li>新奇特</li>
                            <li>0元评测</li>
                        </ul>
                        <ul class="fl">
                            <li>发现好货</li>
                            <li>港澳售</li>
                            <li>秒杀</li>
                            <li>企业金融服务</li>
                            <li>In货推荐</li>
                        </ul>
                        <ul class="fl">
                            <li>京东预售</li>
                            <li>优惠券</li>
                            <li>定期送</li>
                            <li>礼品购</li>
                            <li>北京老字号</li>
                        </ul>
                        <ul class="fl">
                            <li>尖er货</li>
                            <li>闪购</li>
                            <li>装机大师</li>
                            <li>智能管</li>
                            <li>买什么</li>
                        </ul>
                    </div>
                    <div class="item-bg fl"></div>
                    <div class="ul-all">
                        <h4 class="item-h4"> 行业频道</h4>
                        <ul class="fl">
                            <li>服装城</li>
                            <li>手机</li>
                            <li>数码</li>
                            <li>运动户外</li>
                            <li>农资频道</li>
                        </ul>
                        <ul class="fl">
                            <li>家用电器</li>
                            <li>美妆馆</li>
                            <li>母婴</li>
                            <li>整车</li>
                            <li>京东智能</li>
                        </ul>
                        <ul class="fl">
                            <li>电脑办公</li>
                            <li>食品</li>
                            <li>家装城</li>
                            <li>图书</li>
                            <li>玩3C</li>
                        </ul>

                    </div>
                    <div class="item-bg fl"></div>
                    <div class="ul-all">
                        <h4 class="item-h4">特色主题</h4>
                        <ul class="fl">
                            <li>品牌头条</li>
                            <li>京东试用</li>
                            <li>京东会员</li>
                            <li>新奇特</li>
                            <li>0元评测</li>
                        </ul>
                        <ul class="fl">
                            <li>发现好货</li>
                            <li>港澳售</li>
                            <li>秒杀</li>
                            <li>企业金融服务</li>
                            <li>In货推荐</li>
                        </ul>
                        <ul class="fl">
                            <li>京东预售</li>
                            <li>优惠券</li>
                            <li>定期送</li>
                            <li>礼品购</li>
                            <li>北京老字号</li>
                        </ul>
                    </div>
                    <div class="item-bg fl"></div>
                    <div class="ul-all">
                        <h4 class="item-h4">特色主题</h4>
                        <ul class="fl">
                            <li>品牌头条</li>
                            <li>京东试用</li>
                            <li>京东会员</li>
                            <li>新奇特</li>
                            <li>0元评测</li>
                        </ul>
                        <ul class="fl">
                            <li>发现好货</li>
                            <li>港澳售</li>
                            <li>秒杀</li>
                            <li>企业金融服务</li>
                            <li>In货推荐</li>
                        </ul>
                        <ul class="fl">
                            <li>京东预售</li>
                            <li>优惠券</li>
                            <li>定期送</li>
                            <li>礼品购</li>
                            <li>北京老字号</li>
                        </ul>
                    </div>
                </div>
            </li>
            <li>|</li>
            <li class="cord2">
                <a href="">手机京东</a>


            </li>
        </ul>
    </div>
    <!--网站导航的二级菜单-->

</div>

</div>
<div class="st_outer">
<div class="strve_ot">
    <div class="strav_con">
        <div class="strav_img"><img src="imgs/jdlogo.png" alt=""/></div>
        <div class="strav_input">
            <input type="text"id="slar_in"placeholder="选择我"/>
            <button>搜索</button>
        </div>
    </div>
</div>

    <div class="area_outer">
        <div class="area_con">
         <ul class="area_list">
             <li class="area_se"><a href="">全部商品 <span id="getallshop">12</span></a></li>
             <li><a href="">京东大药房</a></li>
         </ul>
        <div class="xialakuang">
            <select id="myselect">
                <option>北京昭阳区配送中心</option>
                <option>我的本本</option>
                <option>我的油油</option>
                <option>我的担子</option>
            </select>
        </div>
<div style="clear: both"></div>
            <div class="clearfix area_tab">
                <div class="tab_cell">
                    <input type="checkbox"id="getall"onclick="selectAll()"/><label for="getall"> 全选</label>
                </div>
                <span class="c1_">商品</span>
                <span class="c2_">单价</span>
                <span class="c3_">数量</span>
                <span class="c4_">小计</span>
                <span class="c5_">操作</span>
            </div>
            <div class="clearfix"></div>
            <div class="tab_inset">
                <div class="tab_con">
              <div class="tab_cell tab_tell">
                <input type="checkbox"id="getall1"/><label for="getall1"> 优化玩具</label>
               </div>
                <a href="#"class="tab_a">优惠券</a>
                </div>
                <!--商品an介绍-->
                <div class="tab_cla">
                    <div class="tab_item">
                        <div class="fl tab_col1">
                        <a href=""class="tab_one">换购</a>
                         <span class="tab_long">活动商品已购满¥29.00，可加价换购商品1件
						</span>
                        <a href=""class="tab_one tab_two">换购商品</a>
                        <span>去凑单 ></span>
                        </div>
                        <div class="fr tab_pr">￥52元</div>
                    </div>
                    <div style="clear: both"></div>
                               <div class="contat_col">
                                   <div class="contat_con">
                                       <div class="cel_input">
                                       <input type="checkbox"id="prose"name="singecheck"onclick="selectSingle()"/>
                                       </div>
                                       <div class="cel_img fl">
                                           <div class="fl cel_wu">
                                           <img src="imgs/548f9b12Nebcd3fd3.jpg" alt=""class=""/>
                                           </div>
                                            <div class="cel_font">
                                                LIXIN/立昕托马斯 小小铁道工火车轨道车 电动轨道火车玩具组合 儿童玩具拼搭
                                            </div>
                                       </div>

                                       <div class="fl ce_rt">
                                            <div class="ce_allrt">
                                                 <span class="mar_money"id="listmoney1">￥52元</span>
                                                <a href="#"class="tab_a">更多促销</a>
                                            </div>
                                       </div>
                                       <div class="fl add_">
                                              <span class="add_j" style="border-right: 1px solid #e3e3e3"id="htm_jj"name="minus"onclick="changenum('text','minus','prose')">-</span>
                                              <input class="add_num"id="text"value="1">
                                              <span class="add_q"style="border-left:1px solid #e3e3e3"id="htm_click_1"name="add"onclick="changenum('text','add','prose')">+</span>
                                              <div class="add_spec">有货</div>
                                       </div>
                                             <div class="add_price">
                                                <span id="price_mtt">￥52元</span>
                                             </div>
                                       <div class="remove_can">
                                           <div id="move">移除</div>
                                            <div>移到我的关注</div>
                                       </div>
                                   </div>
                               </div>

                </div>
            </div>
            <div style="clear:both"></div>

                <div class="tab_inset tab_intwo">
                    <div class="tab_con">
                        <div class="tab_cell tab_tell">
                            <input type="checkbox"id="getall2"/><label for="getall1"> 天启数码专卖店</label>
                        </div>
                        <a href="#"class="tab_a">优惠券</a>
                    </div>
                    <!--商品an介绍-->
                    <div class="tab_cla">
                        <div class="tab_item">
                            <div class="fl tab_col1">
                                <a href=""class="tab_one">换购</a>
                         <span class="tab_long">活动商品已购满¥29.00，可加价换购商品1件
						</span>
                                <a href=""class="tab_one tab_two">换购商品</a>
                                <span>去凑单 ></span>
                            </div>
                            <div class="fr tab_pr">￥219元</div>
                        </div>
                        <div style="clear: both"></div>
                        <div class="contat_col contat_aa">
                            <div class="contat_con">
                                <div class="cel_input">
                                    <input type="checkbox"id="prose1"name="singecheck"onclick="selectSingle()"/>
                                </div>
                                <div class="cel_img fl">
                                    <div class="fl cel_wu">
                                        <img src="imgs/583535e7N4b9120ba.jpg" alt=""class=""/>
                                    </div>
                                    <div class="cel_font">
                                        狼蛛（AULA）游戏机械键盘鼠标套装守望先锋有线CF网吧金属键鼠套装青黑轴全键无冲lol 银白混光青轴键盘+游戏鼠标
                                    </div>
                                    <p class="cel_p">购买增值保障</p>
                                </div>

                                <div class="fl ce_rt">
                                    <div class="ce_allrt">
                                        <span class="mar_money" id="listmoney2">￥219元</span>
                                        <a href="#"class="tab_a">更多促销</a>
                                    </div>
                                </div>
                                <div class="fl add_">
                                    <span class="add_j" style="border-right: 1px solid #e3e3e3"id="htm_jian"name="minus"onclick="changenum('text_1','minus','prose1')">-</span>
                                    <input class="add_num"id="text_1"value="1">
                                    <span class="add_q"style="border-left:1px solid #e3e3e3"id="htm_click"name="add"onclick="changenum('text_1','add','prose1')">+</span>
                                    <div class="add_spec">有货</div>
                                </div>
                                <div class="add_price">
                                    <span id="price_my">￥219元</span>
                                </div>
                                <div class="remove_can">
                                    <div id="move_1">移除</div>
                                    <div>移到我的关注</div>
                                </div>
                                <div style="clear: both"></div>
                                <div class="res_miss">
                                    <p class="res_p">【赠品】赠品不单卖 拔键器(赠品勿拍)
                                    </p>
                                    <p class="res_p">【赠品】【买三减一】炫光 守望先锋游戏鼠标垫  LOL 锁包边 办公鼠标垫 桌面垫300*700(图案随机)
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            <div style="height: 60px"></div>

                <div class="positon_price">

                    <div class="fl wuwu">
                    <input type="checkbox"id="getall3"/> <label for="getall3">全选 </label>
                    <a href=""> 删除选中的商品</a>
                    <a href=""> 移动到我的关注</a>
                    <a href=""> 清除下柜商品</a>
                    </div>
                    <div class="fr">
                    <div class="fl">
                       <p class="pos_p">已选择<span id="pos_num">1</span>件商品</p>
                    </div>
                    <div class="fl pos_hr">
                        总价：<span id="prce_v"> ￥52元</span>
                        <p>以节省 <span>￥00.00元</span></p>
                    </div>
                    <div class="fl pos_btn">
                        <button>去结算</button>
                    </div>
                    </div>
                </div>
        </div>
    </div>
</div>

</div>
</body>
<script type="text/javascript"src="js/jquery-3.1.1.min.js"></script>
<!--<script src="js/index.js"></script>-->;
<script src="./js/tryagain.js"></script>
</html>